{% extends 'base.html' %}
{% block ext_css %}
    <link rel="stylesheet" href="/static/blog/verifyJs/css/verify.css">
    <script type="text/javascript" src="/static/blog/verifyJs/js/jquery-1.11.0.min.js"></script>
    <script type="text/javascript" src="/static/blog/verifyJs/js/verify.js"></script>
{% endblock %}

{% block content %}
    <div class="container">
        <div class="row">
            <div class="col-md-6 col-lg-offset-3">
                <h3>用户登陆</h3>
                <form>
                    {% csrf_token %}
                    <div class="form-group">
                        <label for="username">用户名</label>
                        <input type="text" class="form-control" id="username" placeholder='请输入用户名' required>
                    </div>
                    <div class="form-group">
                        <label for="password">密码</label>
                        <input type="password" class="form-control" id="password" placeholder="请输入密码" required>
                    </div>

                    <div class="form-group">
                        <label for="password">验证码</label>
                        <div class="row">
                            <div class="col-md-6">
                                <input type="text" id="valid_code" class="form-control" id="vi" placeholder='请输入验证码'
                                       required>
                            </div>
                            <div class="col-md-6">
                                <img src="{% url "blogsystem:get_validcode_img" %}" id="valid_code_img" alt="验证码" width="270"
                                     height="40">
                            </div>
                        </div>
                    </div>

                    {% comment %}
                <div class="form-group">
                    <div class="col-md-6">
                        <div id="mpanel4"></div>
                    </div>
                </div>
                {% endcomment %}


                    {% comment %}
                {% endcomment %}
                    <div class="checkbox">
                        <label>
                            <input type="checkbox"> 记住密码
                        </label>
                    </div>
                    <button type="button" class="btn btn-success login_btn">登陆</button>
                    <span id="loginerror" style="color: red"></span>

                    <a href="{% url "blogsystem:register" %}" class="btn btn-success pull-right">注册</a>
                </form>
            </div>
        </div>
    </div>
{% endblock %}

{% block ext_js %}
    <script src="/static/JS/jquery.min.js"></script>
    <script type="text/javascript" src="/static/user/js/login.js"></script>
{% endblock %}